<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>注册账号</title>

    <link rel="stylesheet" href="../static/bootstrap-3.4.1/css/bootstrap.min.css">

    <!-- js -->
    <script src="../static/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="../static/bootstrap-3.4.1/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="../static/diy/css/register.css">
    <script src="../static/diy/js/register.js"></script>
</head>

<body>
<div class="register-photo">
    <div class="form-container">
        <div class="image-holder"></div>
        <form action="/webdemo2/register" method="post" enctype="application/x-www-form-urlencoded" onsubmit="return regCk()">
            <input type="hidden" name="action" value="register">
            <h2 class="text-center"><strong>创建&nbsp;</strong>BirQ 用户</h2>
            <div class="form-group" id="userNum1">
                <input class="form-control" type="text" name="userNum" placeholder="学号/工号">
                <span id="helpBlock1" class="help-block" style="display: none;"> <small></small></span>
            </div>
            <div class="form-group" id="userName1">
                <input class="form-control" type="text" name="userName" placeholder="姓名">
                <span id="helpBlock1" class="help-block" style="display: none;"> <small>姓名长度为1~10位</small></span>
            </div>
            <div class="form-group" id="userPwd1">
                <input class="form-control" type="password" name="userPwd" placeholder="密码">
                <span id="helpBlock1" class="help-block" style="display: none;"> <small>密码长度6~20位</small></span>
            </div>
            <div class="form-group" id="userPwdr1">
                <input class="form-control" type="password" name="userPwdrp" placeholder="重复密码">
                <span class="help-block" style="display: none;"> <small>两次密码输入不一致</small></span>
            </div>
            <div class="form-group" id="userBir1">
                <input class="form-control" name="userBir" type="date">
                <span class="help-block" style="display: none;"> <small>请选择您的生日</small></span>
            </div>
            <div class="form-group" id="userAbl1">
                <input class="form-control" type="password" name="userAbl" placeholder="教师校验码">
                <span class="help-block" style="display: none;"> <small>不填或填入提供的6位字符</small></span>
            </div>
            <div class="form-group" id = "readCk1">
                <div class="form-check"><label class="form-check-label">
                    <input class="form-check-input" type="checkbox">同意</label>
                    <a href="#" type="button" data-toggle="modal" data-target="#RegiserNeed">使用须知</a>
                    <span class="help-block" style="display: none;"> <br><small>^^同意使用须知</small></span>
                </div>
            </div>
            <div class="form-group"><button class="btn btn-primary btn-block" type="submit">注 册</button></div><a class="already" href="loginDemo.html">已经存在账户?点击此处登录</a></form>
    </div>
</div>

<div class="modal fade" role="dialog" tabindex="-1" id="RegiserNeed">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" style="display: inline">使用须知</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <p>1. 本项目为学生作业，<br>
                    现阶段无法在安全性上保护您的<strong>隐私安全</strong>,请注意避免输入您常用的<strong>重要隐私信息</strong>
                </p>

            </div>
            <div class="modal-footer"><button class="btn btn-light" type="button" data-dismiss="modal">Close</button></div>
        </div>
    </div>
</div>

</body>

</html>